<%@ page language="java" pageEncoding="UTF-8"%>
<style>
.pf-row {
 margin-bottom: 5px;
}

.pf-row  label {
 display: inline-block; width: 30%; text-align: right;
}
</style>
<div class="modal fade" data-backdrop="static" id="pf-add-article-modal">
    <div class="modal-dialog "style="width: 90%;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">×</span>
                    <span class="sr-only">Close</span>
                </button>
                <h3 id="pf-modal-title">添加文章</h3>
            </div>
            <div class="modal-body" style="height:60%;">
                <form id="pf-article-save-form" class="form-inline" action="/manage/article/save" method="post" enctype="multipart/form-data">
                    <input type="hidden" class="form-control" placeholder="id" name="id" value="${articleDto.id}" />
                    <div class="row">
                        <div class="col-xs-6">
                            <div class="pf-row">
                                <label>
                                    <span class="red">*</span>
                                    标题：
                                </label>
                                <input type="text" class="form-control" style="display: inline-block; width: 50%" placeholder="标题" name="title" value="${articleDto.title}" />
                            </div>
                            <div class="pf-row">
                                <label>
                                    <span class="red">*</span>
                                    分类：
                                </label>
                                <select id="pf-article-case" class="form-control" style="display: inline-block; width: 50%" name="cateId">
                                </select>
                            </div>
                            <div class="pf-row">
                                <label>
                                    描述：
                                </label>
                                <textarea class="form-control" style="display: inline-block; width: 50%" placeholder="描述" name="description"></textarea>
                            <div style="margin-left:180px; color:#cccccc;">  描述：不填写将截取文章开头200字</div>
                            </div>
                            <div class="pf-row clearfix">
                             <label  style="float:left;">
                                    SEO标题：
                                </label>
                                <textarea class="form-control" style="display: inline-block; width: 65%;height:35px;float:left; margin-left:5px;" placeholder="SEO标题" name="seoTitle"></textarea>
                            </div>
                            
                            <div class="pf-row clearfix"  >
                               <label  style="float:left;">
                                    SEO关键字：
                                </label>
                                <textarea class="form-control" style="display: inline-block; width: 65%;height:35px;float:left; margin-left:5px;"  placeholder="SEO关键字" name="seoKeywords"></textarea>
                            </div>
                            <div class="pf-row clearfix" >
                             <label style="float:left; ">
                                    SEO描述：
                                </label>
                                <textarea class="form-control" style="display: inline-block; width: 65%; height:120px;float:left; margin-left:5px;" placeholder="seo描述" name="seoDescription"></textarea>
                            </div>
                        </div>
                        <div class="col-xs-6">
                            <div class="pf-row">
                                <label>
                                    <span class="red">*</span>
                                    缩略图：
                                </label>
                                <img id="thumbnailPicImg" alt="" src="" width="100" height="100">
                                <button type="button" class="btn btn-primary" onclick="$('#thumbnailPicInput').trigger('click')">选择文件</button>
                                <input id="thumbnailPicInput" type="file" class="form-control" style="display: none; width: 50%" name="file" value="">
                            </div>
                            <div class="pf-row">
                                <label>
                                    跳转：
                                </label>
                                <input type="text" class="form-control" style="display: inline-block; width: 50%" placeholder="跳转" name=linkurl
                                    value="http://" />
                                     <div style=" color:#cccccc; margin-left:180px;">   填写后访问该文章后将直接跳转到该地址，以http:// 开头</div>
                            </div>
                            <div class="pf-row">
                                <label>
                                    评价：
                                </label>
                                <input type="radio" name="allowComment" value="true" checked>
                                
                                开启
                                <input type="radio" name="allowComment" value="false">
                                关闭
                                <div style="color:#cccccc; margin-left:180px;">   是否开启该文间的评论功能</div>
                            </div>
                            <div class="pf-row">
                                <label>
                                    排序：
                                </label>
                                <input type="text" class="form-control" style="display: inline-block; width: 50%" placeholder="排序" name="orderby"
                                    value="50" />
                            </div>
                            <div class="pf-row">
                                <label> 隐藏/显示：
                                </label>
                                <input type="radio" name="hidden" value="false" checked>
                                显示
                                <input type="radio" name="hidden" value="true">
                                隐藏
                                
                                <div style="color:#cccccc; margin-left:180px;">   设置隐藏后，在列表中将不显示该文件，但输入文章地址仍然可以打开</div>
                            </div>
                            <div class="pf-row">
                                <label>
                                    关闭状态：
                                </label>
                                <input type="radio" name="closed" value="false" checked>
                                 正常
                                <input type="radio" name="closed" value="true">
                                 已关闭
                            </div>
                        </div>
                    </div>
                    <div class="pf-row">
                        <label style="text-align: left;">
                            <!-- <span class="red">*</span> 文章内容： -->
                        </label>
                        <script id="editor" name="content" type="text/plain" style="width: 100%; height: 300px;"></script>
                    </div>
                    <!-- 编辑内容初始化-->
                    <textarea id="content" style="display: none" name="content2">
                    </textarea>
                    <!-- 解析编辑内容需要 -->
                    <div id="editor_content" style="display: none"></div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn">关闭</button>
                <button type="button" class="btn btn-primary pf-submit" id="pf-submit">提交</button>
            </div>
        </div>
    </div>
</div>
